﻿/* File Created: abril 21, 2013 */

$(document).ready(function () {
    $('#btnAgregarProyecto').button();

    cargarProyectos();

    $.post(window.location.href, { action: 'ObtenerRolActual' }, function (response) {
        if (response != 'Scrum Master') {
            $('#btnAgregarProyecto').parent('.input-wrapper').hide();
            $('.clsEliminarProyecto').hide();
            $('.clsEditarProyecto').hide();
        }
    });

    function cargarProyectos() {
        $.post(window.location.href, { action: 'CrearContenidoProyectos' }, function (response) {
            $('#divProyectos').html(response);
            $('#divProyectos').show('fade', 500);

            modificarProyecto();
            eliminarProyecto();
        });
    }

    function modificarProyecto() {
        $('#tblProyectos').on({
            click: function () {
                var boton = $(this);

                var id = boton.attr('data-id');
                var nombre = boton.attr('data-nombre');

                var renderModal = '<table>' +
                    '<tr>' +
                    '<td>Nombre</td><td><input type="text" id="txtNombreProyecto" maxlength="50" value="' + nombre + '" /></td>' +
                    '</tr>' +
                    '</table>';

                $('#modal').html(renderModal);

                $('#modal').dialog({
                    title: 'Modificación de proyecto',
                    resizable: false,
                    draggable: false,
                    modal: true,
                    width: 400,
                    height: 300,
                    show: {
                        effect: "blind",
                        duration: 300
                    },
                    hide: {
                        effect: "blind",
                        duration: 300
                    },
                    buttons: {
                        Aceptar: function () {
                            var nombreProyecto = $('#txtNombreProyecto').val();
                            $.post(window.location.href, { action: 'ModificarProyecto', id: id, nombre: nombreProyecto }, function (response) {
                                dialogo(response);
                                cargarProyectos();
                            });
                        },
                        Cancelar: function () {
                            $(this).dialog('close');
                        }
                    }
                });
            }
        }, 'span#editarProyecto');
    }

    function eliminarProyecto() {
        $('#tblProyectos').on({
            click: function () {
                var boton = $(this);

                var id = boton.attr('data-id');

                $('#modal').html('¿Está seguro que desea eliminar este proyecto?');

                $('#modal').dialog({
                    title: 'Eliminación de proyecto',
                    resizable: false,
                    draggable: false,
                    modal: true,
                    width: 400,
                    height: 150,
                    show: {
                        effect: "blind",
                        duration: 300
                    },
                    hide: {
                        effect: "blind",
                        duration: 300
                    },
                    buttons: {
                        Aceptar: function () {
                            $.post(window.location.href, { action: 'EliminarProyecto', id: id }, function (response) {
                                dialogo(response);
                                cargarProyectos();
                            });
                        },
                        Cancelar: function () {
                            $(this).dialog('close');
                        }
                    }
                });
            }
        }, 'span#eliminarProyecto');
    }

    $('#btnAgregarProyecto').click(function () {

        var renderModal = '<table>' +
                    '<tr>' +
                    '<td>Nombre</td><td><input type="text" id="txtNombreProyecto" maxlength="50" /></td>' +
                    '</tr>' +
                    '</table>';

        $('#modal').html(renderModal);

        $('#modal').dialog({
            title: 'Crear nuevo proyecto',
            resizable: false,
            draggable: false,
            modal: true,
            width: 400,
            height: 150,
            show: {
                effect: "blind",
                duration: 300
            },
            hide: {
                effect: "blind",
                duration: 300
            },
            buttons: {
                Aceptar: function () {
                    $.post(window.location.href, { action: 'RegistrarProyecto', nombre: $('#txtNombreProyecto').val() }, function (response) {
                        dialogo(response);
                        cargarProyectos();
                    });

                    $(this).dialog('close');
                },
                Cancelar: function () {
                    $(this).dialog('close');
                }
            }
        });
    });

    function dialogo(mensaje) {
        $('#modal').dialog({
            title: 'Aviso',
            resizable: false,
            draggable: false,
            modal: true,
            width: 300,
            height: 200,
            show: {
                effect: "fade",
                duration: 200
            },
            hide: {
                effect: "fade",
                duration: 200
            },
            buttons: {
                Aceptar: function () {
                    $(this).dialog('close');
                }
            }
        }).html(mensaje);
    }
});